<?php
try {
	$client = new SOAPClient('http://localhost:61279/WSLabManager-1.0.0/WSLabManagerService?wsdl');
	$res = $client->listUsers(array('where'=>'1 = 1'));
	$response = (array) $res->return;
} catch (Exception $e) {
		$response = array();
		echo "No hay conexion con los ws.";
}
?>

<html>
    <head>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
		
		<script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
		<script type="text/javascript" src="js/jquery.dataTables.js"></script>
		<script src="js/jquery.oLoader.min.js"></script>
		
		<link href="css/users.css" rel="stylesheet" type="text/css" />
		<link href="css/jquery.dataTables.css" rel="stylesheet" type="text/css" />
		<link rel="stylesheet" type="text/css" href="css/demo.css">
		
		<title>Lab Manager users</title>
    </head>
	<script>
		$(document).ready(function() {
			$('#table_users').dataTable();
		} );
	</script>
    <body>
		<div class="user" align="right">
			Bienvenido Jeison (<a href="index.php">Logout</a>)
		</div>
        <div>
            <ul class="menu">
			  <li><a href="/LabManager/users.php"> Usuarios </a></li>
			  <li><a href="#"> Reservas </a></li>
			  <li><a href="#"> Tipos de Reservas </a></li>
			  <li><a href="#"> Contacto </a></li>
			</ul>
        </div>
		
		<div style="display:block;">
			<div class="title" align="center">
				<p>Listado de Usuarios</p>
			</div>
			<table id="table_users" class="display" cellspacing="0" width="100%">
				<thead>
					<tr>
						<th>Codigo</th>
						<th>Nombre</th>
						<th>Apellido</th>
						<th>User Name</th>
						<th>Estado</th>
						<th>Perfil</th>
						<th>Opciones</th>
					</tr>
				</thead>
				<tbody>
					<?php if(count($response) > 0): ?>
						<?php 
							for ($i=0; $i<count($response); $i++): 
								$user = explode("@#", $response[$i]);
						?>
								<tr>
									<td><?=$user[0] ?></td>
									<td><?=$user[1] ?></td>
									<td><?=$user[2] ?></td>
									<td><?=$user[3] ?></td>
									<td><?php echo ($user[4] == "1") ?  "Activo" : "Inactivo"; ?></td>
									<td><?=$user[5] ?></td>
									<td>
										<ul class="botons">
											<li><a href="#" onclick="showedit(<?=$user[0] ?>, <?="'".$user[1]."'" ?>, <?="'".$user[2]."'" ?>, <?="'".$user[3]."'" ?>, <?=($user[4] == "1") ?  "1" : "0" ?> );"><img src="images/Modify.png" title="Editar" height="20" width="20"></a></li>
											<?php if ( $user[4] == "1" ): ?>
												<li><a href="#" onclick="changeStatus( <?=$user[0] ?>, <?=($user[4] == "1") ?  "1" : "0" ?> );"><img src="images/inactive.jpg" title="Desactivar" height="20" width="20"></a></li>
											<?php else :?>
												<li><a href="#" onclick="changeStatus( <?=$user[0] ?>, <?=($user[4] == "1") ?  "1" : "0" ?> );"><img src="images/active.jpg" title="Activar" height="20" width="20"></a></li>
											<?php endif;?>
											<li><a href="#" onclick="showedit2( <?=$user[0] ?>);"><img src="images/active.jpg" title="Cambiar contrasena" height="20" width="20"></a></li>
										<ul>
									</td>
								</tr>
						<?php endfor;?>
					<?php endif;?>
				</tbody>
			</table>
			<p style="margin-left: 30px; display:none;" id="error-edit2" ></p>
		</div>
			
		<div id="div-edit" class="form" style="display:none;">
			<div class="title" align="center">
				<p>Editar Usuario</p>
			</div>
			<div>
				<label>Codigo:</label><input readonly="true" type='text' id="codigo" />
			</div>
			<div>
				<label>Nombre: *</label><input type='text' id="nombre" />
			</div>
			<div>
				<label>Apellido: *</label><input type='text' id="apellido" />
			</div>
			<div>
				<label>User Name: *</label><input type='text' id="usernam" />
			</div>
			<!--<div><label>User Name:</label><textarea rows='6'></textarea></div>-->
			<div>
				<label>Estado: *</label>
				<select id="estado">
					<option></option>
					<option value="1">Activo</option>
					<option value="0">Inactivo</option>
				</select>
			</div>
			<div>
				<label>Perfil: *</label>
				<select id="perfil">
					<option></option>
					<option value="1">Administrador</option>
					<option value="4">Administrador de Laboratorio</option>
					<option value="2">Docente</option>
					<option value="3">Estudiante</option>
				</select>
			</div>
			<p style="margin-left: 30px; display:none;" id="error-edit" ></p>
			<div align="center">
				<a onclick="edit();"><img src="images/save-btn.png" width="102" height="41" /> </a>
			</div>
		</div>
		
		<div id="div-password" class="form" style="display:none;">
			<div class="title" align="center">
				<p>Cambio de Contrase&ntilde;a</p>
			</div>
			<input type='hidden' id="codigoPass" />
			<div>
				<label>Contrase&ntilde;a anterior: *</label><input type='password' id="passold" />
			</div>
			<div>
				<label>Nueva contrase&ntilde;a: *</label><input type='password' id="passnew" />
			</div>
			<div>
				<label>Confirmar contrase&ntilde;a: *</label><input type='password' id="passnew2" />
			</div>
			
			<p style="margin-left: 30px; display:none;" id="error-edit3" ></p>
			<div align="center">
				<a onclick="changePassword()"><img src="images/save-btn.png" width="102" height="41" /> </a>
			</div>
		</div>
		
	</body>
</html>

<script>
function showedit(code, name, lastname, username, state){
	$('#codigo').val(code);
	$('#nombre').val(name);
	$('#apellido').val(lastname);
	$('#usernam').val(username);
	$('#estado > option[value='+ state +']').attr('selected', 'selected');
	$('#div-edit').show();
	$('#div-password').hide();
}
function showedit2(code){
	$('#passold').val('');
	$('#passnew').val('');
	$('#passnew2').val('');
	$('#codigoPass').val(code);
	$('#div-edit').hide();
	$('#div-password').show();
}
function edit(){
	if($('#nombre').val().trim() != "" & $('#apellido').val().trim() != "" & $('#usernam').val().trim() != "" & $('#estado').val() != ""){
		$('#error-edit').html('');
		$('#error-edit').hide();
		$('body').oLoader({
			image: 'images/loading.gif'
		});
		$.ajax({
			type: "POST",
			url: "ajax/editarUsuario.php",
			data: {codigo:$('#codigo').val(), nombre: $('#nombre').val(), apellido: $('#apellido').val(), username: $('#usernam').val(), estado: $('#estado').val(), perfil: $('#perfil').val() },
			success: function (response) {
				console.log(response);
				$('body').oLoader('hide');
				if(response == 50){
					$('body').oLoader('hide');
					$('#username').val('');
					$('#password').val('');
					$('#error-edit').html('No hay conexion con el web service.');
					$('#error-edit').show();
				}else if(response == 99){
					$('body').oLoader('hide');
					$('#username').val('');
					$('#password').val('');
					$('#error-edit').html('Se ha producido un error al actualizar el usuario.');
					$('#error-edit').show();
				}else{
					$('body').oLoader('hide');
					$('#div-edit').hide();
					window.location.href = 'users.php';
				}
			}
		});
	}else{
		$('#error-edit').html('Debe completar todos los campos marcado con *.');
		$('#error-edit').show();
	}
}
function changeStatus(code, state){
var confirmacion = confirm("¿ Realmente desea cambiar el estado de este usuario ?");
	state = (state == 1) ? state = 0 : state = 1;
	if(confirmacion == true){
		$('body').oLoader({
			image: 'images/loading.gif'
		});
		$.ajax({
			type: "POST",
			url: "ajax/editarEstadoUsuario.php",
			data: {codigo:code, estado: state },
			success: function (response) {
			console.log(response);
				$('body').oLoader('hide');
				if(response == 50){
					$('body').oLoader('hide');
					$('#error-edit2').html('No hay conexion con el web service.');
					$('#error-edit2').show();
				}else if(response == 99){
					$('body').oLoader('hide');
					$('#error-edit2').html('Se ha producido un error al cambiar el estado del usuario.');
					$('#error-edit2').show();
				}else{
					$('#error-edit2').html('El estado del usuario ha sido actualizado correctamente.');
					$('#error-edit2').show();
					window.location.href = 'users.php';
				}
			}
		});
	}else{
		return false;
	}
}
function changePassword(){
	password1 = $("#passold").val();
	password2 = $("#passnew").val();
	password3 = $("#passnew2").val();
	code = $('#codigoPass').val();
	if(password1.trim() == "" || password2.trim() == "" || password3.trim() == "" || $('#codigoPass').val().trim() == ""){
		$('#error-edit3').html('Debe completar todos los campos marcado con *.');
		$('#error-edit3').show();
		return false;
	}else if(password2 != password3){
		$('#error-edit3').html('Las contrasenas no coinciden.');
		$('#error-edit3').show();
		return false;
	}else{
		$('#error-edit3').html('');
		$('body').oLoader({
			image: 'images/loading.gif'
		});
		$.ajax({
			type: "POST",
			url: "ajax/editarPasswordUsuario.php",
			data: {codigo:code, contrasena: password2 },
			success: function (response) {
			console.log(response);
				$('body').oLoader('hide');
				if(response == 50){
					$('body').oLoader('hide');
					$('#error-edit3').html('No hay conexion con el web service.');
					$('#error-edit3').show();
				}else if(response == 99){
					$('body').oLoader('hide');
					$('#password').val('');
					$('#error-edit3').html('Se ha producido un error al cambiar el estado del usuario.');
					$('#error-edit3').show();
				}else{
					$('body').oLoader('hide');
					$('#codigoPass').val('');
					$('#passold').val('');
					$('#passnew').val('');
					$('#passnew2').val('');
					$('#div-password').hide();
					$('#error-edit2').html('La contraseña ha sido cambiada correctamente.');
					$('#error-edit2').show();
				}
			}
		});
	}
}
</script>